	
function loadProducts(pno=0){
	//(反复被调用)
	$.ajax({
		type: "get",//数据发送的方式（post 或者 get）
			url: " {:U('WxBooks/match')}",//要发送的后台地址
			data:{'pno':pno},//要发送的数据（参数）格式为{'val1':"1","val2":"2"}
			dataType: "json",//后台处理后返回的数据格式
			success:output=>{
				console.log(output);
		var data=output.data;
		var html="";
		for(var p of data){
			html+=
				`<ul>
				<li> ${p.realname }</li>
				<li> ${p.college }</li>
				<li>${p.bookname }</li>
				</ul>`
		}
		$("#B1").html(html);
		var pageCount=output.pageCount,
		 pageNo=output.pno;
	 	console.log(pageNo);
            var lis="";
            for(var i=0;i<pageCount;i++){
                lis+=(i!=pageNo?
                	`<a href="#">${i+1}</a>`:
                    `<a href="#" class="current">${i+1}</a>`
                    );
            }
            var htmlCon=
                `<a href="#" class="previous">上一页</a>${
                    lis
                    }<a href="#" class="next">下一页</a>`;
            var divPages=$("#pages");
            divPages.html(htmlCon);
            if(pageCount==0){
                divPages.find("a:first").addClass("previous disabled");
                divPages.find("a:last").addClass("previous disabled");
            }
            if(pageNo==0){
                divPages.find("a:first").addClass("previous disabled");
            }else if(pageNo==pageCount-1){
                divPages.find("a:last").addClass("next disabled");
            }else{
                divPages.find("a:first").addClass("previous");
                divPages.find("a:last").addClass("next");
            }
            /*为页码绑定点击事件*/
            divPages.on("click","a",function (e) {
                e.preventDefault();
                var pno=$(this).html();
                if(!isNaN(pno)){
                    loadProducts(pno-1);
                }
            })
            /*为上下页绑定事件*/
            var prev=$("#pages>a:first");
            var next=$("#pages>a:last");
            prev.click(function(e){
                e.preventDefault();
                var that=$(this);
                if(!that.hasClass("disabled")){
                    var curr=$(".current");
                    loadProducts(curr.html()-2);
                }
            })
            next.click(function(e){
                e.preventDefault();
                var that=$(this);
                if(!that.hasClass("disabled")){
                    var curr=$(".current");
                    loadProducts(curr.html());
                }
            })
		}
  })
};
//loadProducts();